 <head>
    <title>跬步</title>
    <meta charset="UTF-8" />
    <meta name="description" content="跬步" />
    <link rel="shortcut icon" href="index/img/favicon.ico">
    <link rel="stylesheet" href="index/css/style.css" type="text/css" />
    <link rel="stylesheet" href="index/css/lightbox.css" type="text/css" />
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<div id="wrap">
    <!-- Masthead -->
    <div id="masthead">
        <div id="phones"></div>
        <div id="description">
            <h1 id="logo">appspage</h1>
            <ul id="links">
                <li><a class="twitter_btn" href="http://www.twitter.com/" target="_blank"></a></li>
                <li><a class="facebook_btn" href="http://www.facebook.com/" target="_blank"></a></li>
            </ul>
            <h1 class="heading">跬步</h1>
            <p>故不积跬步，无以至千里；不积小流，无以成江海。每天进步一点。</p>
            <ul class="stores">

                <li><a href="app/app-release.apk" target="_blank"><img height="200" src="index/img/android_logo_b.png" alt="android" /></a></li>
            </ul>
        </div>
    </div>
    <!-- App Info -->
    <div id="app_info">
        <div class="screenshots">
            <ul>
                <li><a href="index/img/samll_scrn1.png"><span class="screen_roll"></span><img src="index/img/samll_scrn1.png" width="200" height="400" alt="screenshot"/></a></li>
                <li><a href="index/img/samll_scrn2.png"><span class="screen_roll"></span><img src="index/img/samll_scrn2.png" width="200" height="400" alt="screenshot"/></a></li>
            </ul>
        </div>
        <div id="features">
            <h2 class="heading">功能</h2>
            <ul>
                <li>记录开发日志.</li>
                <li>验证流行的技术. </li>
                <li>解决开发中遇到的问题.</li>
                <li>积累最佳实践.</li>
            </ul>
            <h2 class="heading">要求</h2>
            <ul>
                <li>Android 9.0 +</li>
                <li>iPhone 没有上架</li>
            </ul>
        </div>
    </div>
    <!-- Ratings -->
    <ul id="ratings">
        <li><a class="rate1" href="#" target="_blank"></a></li>
        <li><a class="rate2" href="#" target="_blank"></a></li>
        <li><a class="rate3" href="#" target="_blank"></a></li>
        <li><a class="rate4" href="#" target="_blank"></a></li>
    </ul>
    <!-- Social -->
    <div id="social">
        <div id="quotes">
            <h1 class="heading">其他人怎么说</h1>
            <ul id="quote_list">
                <li><blockquote>嗯，很不错的博客，多发文章吧。积跬步至千里。</blockquote><a class="quote_by" href="#" target="_blank"><small>- 刘**</small></a></li>
                <li><blockquote>有用，加油。我们一起努力吧，在这里谢谢你。多发文章。</blockquote><a class="quote_by" href="#" target="_blank"><small>- 张**</small></a></li>
            </ul>
        </div>
        <div id="tweets">
            <h1 class="heading"></h1>
        </div>
    </div>
    <!-- Footer -->
    <ul id="footer">

        <li class="contact"><a href="mailto:#">Contact us on <span>hi.sunbo@qq.com</span></a></li>
    </ul>
</div>

<!-- Javascript -->

<script type="text/javascript" src="index/js/lib/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="index/js/lightbox/lightbox.js"></script>
<script src="index/js/tweetable/jquery.tweetable.js" type="text/javascript"></script>
<script src="index/js/quotes/quotes.js" type="text/javascript"></script>
<script type="text/javascript" src="index/js/custom.js"></script>
